/* Vue 固定区域拖拽指令样式 */

/* 可拖拽元素基础样式 */
.v-drag-element {
  cursor: move;
  user-select: none;
  transition: none;
}

/* 拖拽中样式 */
.v-drag-dragging {
  cursor: grabbing !important;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: scale(1.02);
  transition: none;
}

/* 响应式拖拽 */
@media (max-width: 768px) {
  .v-drag-element {
    touch-action: none;
  }
  
  .v-drag-dragging {
    transform: scale(1.05);
  }
}
